<template>
  <div id="app">
       <span></span>
      <h3>编辑推荐</h3>
     
      <div>
          <div class="nav">
              <div>
                  <img src="http://p2.music.126.net/l1Szvd6HyMHksehQ960Kxw==/109951166676711915.jpg?imageView=1&type=webp&thumbnail=246x0" alt="">
                  <p>喜大普奔 云村上市 | 今日一起接好运❤</p>
             </div>
              <div>
                  <img src="https://p2.music.126.net/DmroAsVR3zhUTgwFCnmFIA==/109951163983277048.jpg?imageView=1&type=webp&thumbnail=246x0" alt="">
                  <p>喜大普奔 云村上市 | 今日一起接好运❤</p>
             </div>
              <div>
                  <img src="https://p2.music.126.net/RpzIkeUOZ4V7WBecytqH0Q==/109951165515305859.jpg?imageView=1&type=webp&thumbnail=246x0" alt="">
                  <p>喜大普奔 云村上市 | 今日一起接好运❤</p>
             </div>
          </div>
          <div class="nav">
              <div>
                  <img src="https://p2.music.126.net/JKhJj8e-_PjL9ilHqdaPmQ==/109951166442699958.jpg?imageView=1&type=webp&thumbnail=246x0" alt="">
                  <p>喜大普奔 云村上市 | 今日一起接好运❤</p>
             </div>
              <div>
                  <img src="https://p2.music.126.net/oEzVck6VqIUMTq6yJea22g==/109951166649799790.jpg?imageView=1&type=webp&thumbnail=246x0" alt="">
                  <p>喜大普奔 云村上市 | 今日一起接好运❤</p>
             </div>
              <div>
                  <img src="https://p2.music.126.net/mo2YDpiWGl1vv4351t9-4A==/109951166649830465.jpg?imageView=1&type=webp&thumbnail=246x0" alt="">
                  <p>喜大普奔 云村上市 | 今日一起接好运❤</p>
             </div>
          </div>
      </div>
  </div>
</template>
<script>
export default {
  name: "Bian",
  components: {},
  data() {
    return {};
  },
};
</script>
<style scoped>
.nav{
    width: 100%;
    display: flex;
    justify-content: space-around;
}.nav div{
    font-size: 10px;
    width: 2rem;
}
.nav div img{
    width: 120px;
}
span{
    width: 80px;
    border-top: 20px solid red;
}
h3{
    margin-top: 20px;
}
</style>